<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
<%@ taglib prefix="s" uri="/struts-tags"%>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<script src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/ddaccordion.js"></script>
<script type="text/javascript" src="js/codigoPaginas.js" ></script>

<script>
// function cargarZona(idVehiculo)
// $.ajax({
// 	  url: 'zonaPorVehiculo?idVehiculo='+idVehiculo,
// 	  success: function(data) {
// 	    $('#textZona').text(data);
// 	    //alert('Load was performed.');
// 	  }			
// 	});
// }




function cargarZona(idVehiculo)  
{              
    //valor de la vehiculo seleccionado en el combo  
    
    var formInput= 'idVehiculo='+idVehiculo;  

    //alert(formInput);
	$('#textZona').text('');
	
    if (idVehiculo != '') {
    //llamamos al action para cargar la las zonas segun el vehivulo  
    $.getJSON('zonaPorVehiculo', formInput,
    		  function(data) {  
        //ya ha llamado al json, ahora rellenamos el textbox,
    	//alert(data.pesoMax);
        $('#textZona').text(data.zona);
        
        $('#volumenVehiculo').text('Volumen Máximo:'+data.volumenMax);
        
        $('#pesoVehiculo').text('Peso Máximo:'+data.pesoMax);
        //alert(idVehiculo);
    }).error(
    		function(data){
    			alert(data.responseText);
    		}
    		);
    }
}

function cargarPedidosPorEstado(idEstado)  
{              
    //valor de la Estado seleccionado en el combo  
    
    var formInput= 'idEstado='+idEstado;
    
    var sTabla = "<table  summary='Submitted table designs'>  <caption> Pedidos por estado </>";

    //alert(formInput);
	$('.data');
	
    if (idEstado != '') {
    //llamamos al action para cargar Los pedidos segun el estado   
    $.getJSON('pedidosPorEstado', formInput,
    		  function(data) {  
        //ya ha llamado al json, ahora rellenamos el textbox,
    //alert(data);
        //$('#tablaPedidos').text(data);
        
    // alert(data.pedidoList);
    
    	 sTabla +="<thead>";
    	 sTabla +="<tr>";
    	 sTabla += '<td> Numero </td>';
    	 sTabla += '<th> Fecha Entrega 	</th>';
    	 sTabla += '<th> Direccion 		</th>';
    	 sTabla += '<th> Numeración 	</th>';
    	 sTabla += '<th> Peso Total 	</th>';
    	 sTabla += '<th> Volumen Total 	</th>';
    	 sTabla += '<th> Precio			</th>';  
    	 sTabla += '<th> Cliente		</th>';  
    	 sTabla += '<th> Prioridad Cliente		</th>';  
    	 sTabla +="</tr>";
    	 sTabla +="</thead>";
    	 
    	 sTabla +="<tbody>";
     $.each(data.pedidosClientes, function(i,item){ 
    	// alert(item.idPedido);
    	     	   	 
    	 sTabla +="<tr>";
    	 sTabla += '<td>' + item[0].idPedido + '</td>';  
    	 sTabla += '<td>' + item[0].fechaEntrega + '</td>';
    	 sTabla += '<td>' + item[0].direccion + '</td>';
    	 sTabla += '<td>' + item[0].numeracionDireccion + '</td>';
    	 sTabla += '<td>' + item[0].pesoTotal + '</td>';
    	 sTabla += '<td>' + item[0].volumenTotal + '</td>';
    	 sTabla += '<td>' + item[0].precioTotal + '</td>';
    	 sTabla += '<td>' + item[1] + '</td>';
    	 sTabla += '<td>' + item[2] +'</td>';
    	 
    	 sTabla +="</tr>";

    });
     sTabla +="</tbody>";
     sTabla +="</tabla>";
     //alert(sTabla);
     
     $("#tablaPedidos").html(sTabla); 
        
    });
    }
}




</script>

<link rel="stylesheet" type="text/css" href="css/style.css" />  

<title><tiles:insertAttribute name="title" ignore="true" /></title>

<s:head/>

</head>

<body>
<div id="container">
	<div id="barraSuperior" class="barraSuperior" >
		<tiles:insertAttribute name="header" />
	</div> 
	<div id="menuLateral" class="arrowlistmenu"> 
		<tiles:insertAttribute name="menu" /> 
	</div>
   	<div id="principal" class="principal"> 
   		<tiles:insertAttribute name="body" /> 
   	</div>
   	<div id="footer" class="footer">
   		<tiles:insertAttribute name="footer" />
   	</div>
</div>
</body>
</html>